<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN" class="no-js translated-ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="static/css/normalize.css">
<link rel="stylesheet" type="text/css" href="static/css/demo.css">
<!--必要样式-->
<link rel="stylesheet" type="text/css" href="static/css/component.css">
<link type="text/css" rel="stylesheet" charset="UTF-8"
	href="static/css/translateelement.css">
</head>
<body>
	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header" style="height: 608px;">
				<canvas id="demo-canvas" width="1366" height="608"></canvas>
				<div class="logo_box">
					<h3>
						<font style="vertical-align: inherit;"><font
							style="vertical-align: inherit;">tecode电气网欢迎你</font></font>
					</h3>
					<form action="CompanyServlet" name="f" method="post"
						onsubmit="return validate()">
						<div class="input_outer">
							<span class="u_user"></span> <input name="logname" class="text"
								style="color: #FFFFFF !important" type="text" id="logname"
								placeholder="请输入账户" />
						</div>
						<div class="input_outer">
							<span class="us_uer"></span> <input name="logpass" id="logpass"
								class="text"
								style="color: #FFFFFF !important; position: absolute; z-index: 100;"
								value="" type="password" placeholder="请输入密码" />
						</div>

						<div class="mb2">
							<input type="submit" class="act-but submit"
								style="color: #FFFFFF" value="登录" /> <input type="hidden"
								value="login" name="commitMethod" />
						</div>
						<label id="tips">${tips}</label>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- /container -->
	<script src="static/js/TweenLite.min.js"></script>
	<script src="static/js/EasePack.min.js"></script>
	<script src="static/js/rAF.js"></script>
	<script src="static/js/demo-1.js"></script>
	<script src="static/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		$(document)
				.ready(
						function() {
							function fixHeight() {
								var headerHeight = $("#switcher").height();
								$("#iframe").attr("height",
										$(window).height() - 54 + "px");
							}
							$(window).resize(function() {
								fixHeight();
							}).resize();

							$('.icon-monitor').addClass('active');

							$(".icon-mobile-3")
									.click(
											function() {
												$("#by").css("overflow-y",
														"auto");
												$('#iframe-wrap')
														.removeClass()
														.addClass(
																'mobile-width-3');
												$(
														'.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3')
														.removeClass('active');
												$(this).addClass('active');
												return false;
											});

							$(".icon-mobile-2")
									.click(
											function() {
												$("#by").css("overflow-y",
														"auto");
												$('#iframe-wrap')
														.removeClass()
														.addClass(
																'mobile-width-2');
												$(
														'.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3')
														.removeClass('active');
												$(this).addClass('active');
												return false;
											});

							$(".icon-mobile-1")
									.click(
											function() {
												$("#by").css("overflow-y",
														"auto");
												$('#iframe-wrap').removeClass()
														.addClass(
																'mobile-width');
												$(
														'.icon-tablet,.icon-mobile,.icon-monitor,.icon-mobile-2,.icon-mobile-3')
														.removeClass('active');
												$(this).addClass('active');
												return false;
											});

							$(".icon-tablet")
									.click(
											function() {
												$("#by").css("overflow-y",
														"auto");
												$('#iframe-wrap').removeClass()
														.addClass(
																'tablet-width');
												$(
														'.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3')
														.removeClass('active');
												$(this).addClass('active');
												return false;
											});

							$(".icon-monitor")
									.click(
											function() {
												$("#by").css("overflow-y",
														"hidden");
												$('#iframe-wrap').removeClass()
														.addClass('full-width');
												$(
														'.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3')
														.removeClass('active');
												$(this).addClass('active');
												return false;
											});
						});
	</script>
	<script type="text/javascript">
		function Responsive($a) {
			if ($a == true)
				$("#Device").css("opacity", "100");
			if ($a == false)
				$("#Device").css("opacity", "0");
			$('#iframe-wrap').removeClass().addClass('full-width');
			$(
					'.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3')
					.removeClass('active');
			$(this).addClass('active');
			return false;
		};
	</script>
	<script>
		function validate() {
			var flag = false;
			 if(($("#logname").val()=="")&&($("#logpass").val()=="")){
				$("#tips").text("用户名密码不能为空");
			}else if ($("#logname").val()==""&&($("#logpass").val()!="")) {
				$("#tips").text("用户名不能为空");
			} else if ($("#logpass").val()==""&&($("#logname").val()!="")) {
				$("#tips").text("密码不能为空");
			}else {
				flag = true;
			}
			return flag;
		}
		$("#tips").css("color","red");
	</script>
</body>
</html>